<script setup lang='ts'>
// 导入 组件
// 库存 组件
import PieChart from './components/PieChart.vue';
// 销售数据
import LineChart from './components/LineChart.vue';
// 地图数据
import MapChart from './components/MapChart.vue';
// SKU 销售周报
import BarChart from './components/BarChart.vue';
// 月报表
import BarToChart from './components/BarToChart.vue';
</script>
<template>
  <div class='index'>
    <!-- 图表 -->
    <div class="main" ref="main">
      <el-row>
        <el-col :span="8">
          <!-- 销售数据 -->
          <LineChart />
          <!-- SKU 销售周报 -->
          <BarChart />
        </el-col>
        <el-col :span="12">
          <!-- 地图数据 -->
          <MapChart />
        </el-col>
        <el-col :span="4">
          <!-- 库存 -->
          <PieChart />
          <!-- 月报表 -->
          <BarToChart />
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<style lang='less' scoped>
.main {
  width: 100%;
  height: 100%;
}
</style>